//a标签的点击事件
$(document).ready(function() {
    //input按钮的事件
    $("input.btnclick").mousedown(function() {
        $(this).css({
            "background-color": "#D3EDF8",
            "color": "#696969"
        });
    });
    $("input.btnclick").mouseup(function() {
        $(this).css({
            "background-color": "#87CEEB",
            "color": "#FFFFFF"
        });
    });
    $("input.btnclick").hover(
        function() {
            $(this).css({
                "box-shadow": "0px 0px 10px white inset",
                "background-color": "#87CEEB",
                "color":"#FFFFFF"
            });
        },
        function() {
            $(this).css({
                "box-shadow": "0px 0px 5px white inset",
                "background-color": "#87CEEB",
                "color":"#FFFFFF"
            });
        }
    );
    //a按钮的事件
    $("a.btnclick").mousedown(function() {
        $(this).css({
            "background-color": "#D3EDF8",
            "color":"black"
        });
    });
    $("a.btnclick").mouseup(function() {
        $(this).css({
            "background-color": "#87CEEB",
            "color":"white"
        });
    });
    $("a.btnclick").hover(
        function() {
            $(this).css({
                "box-shadow": "0px 0px 10px white inset",
                "text-decoration": "none",
                "background-color": "#87CEEB"
            });
        },
        function() {
            $(this).css({
                "box-shadow": "0px 0px 5px white inset",
                "background-color": "#87CEEB",
                "color":"white"
            });
        }
    );
    //button按钮的事件
    $("button.btnclick").mousedown(function() {
        $(this).css({
            "background-color": "#D3EDF8",
            "color":"black"
        });
    });
    $("button.btnclick").mouseup(function() {
        $(this).css({
            "background-color": "#87CEEB",
            "color":"white"
        });
    });
    $("button.btnclick").hover(
        function() {
            $(this).css({
                "box-shadow": "0px 0px 10px white inset",
                "text-decoration": "none",
                "background-color": "#87CEEB"
            });
        },
        function() {
            $(this).css({
                "box-shadow": "0px 0px 5px white inset",
                "background-color": "#87CEEB",
                "color":"white"
            });
        }
    );
    //input输入框的事件
    $("input.txtclick").hover(
        function() {
            $(this).css({
                "box-shadow": "0px 0px 8px #708090 inset"
            });
        },
        function() {
            $(this).css({
                "box-shadow": "0px 0px 5px #708090 inset"
            });
        }
    );
    $("input.txtclick").hover(
        function() {
            $(this).css({
                "box-shadow": "0px 0px 8px #708090 inset"
            });
        },
        function() {
            $(this).css({
                "box-shadow": "0px 0px 5px #708090 inset"
            });
        }
    );
});